<section class="content-header">
    <h1>
        全业务链生产线查询
    </h1>
    <!-- <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">Dashboard</li>
        </ol> -->
</section>

<!-- Main content -->
<section class="content">
    <div class="row">
        <div class="col-md-3 col-md-push-9">
            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">查询区域</h3>
                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button>
                    </div>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <div class="form-group">
                        <label>区域</label>
                        <dx-select-box #subArea style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                            [items]="subAreaItems" displayExpr="subArea" [(selectedItem)]="subAareSelected"
                            (onValueChanged)="onSubAreaSelectedChange($event)" [value]="subAreaItems[0]"
                            [searchEnabled]="true">
                        </dx-select-box>
                    </div>
                </div>
                <div class="box-footer">
                    <button type="button" class="btn btn-primary" (click)="getReportDataTM()"> 查 询 </button>
                </div>
            </div>
        </div>
        <div class="col-md-9 col-md-pull-3">
            <!-- /.box-header -->
            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">任务计划</h3>
                    <div class="box-tools pull-right">
                        <!-- <button type="button" (click)="openInsertDialog()" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#template">
                                    添加
                                </button> -->
                        <button type="button" class="btn btn-box-tool" data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button>
                    </div>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <dx-data-grid [dataSource]="tmscListUrl" [showColumnLines]="true" [showRowLines]="true"
                        [showBorders]="true" [rowAlternationEnabled]="true">
                        <dxo-paging [pageSize]="12"></dxo-paging>
                        <dxo-editing mode="cell" [allowUpdating]="true">
                        </dxo-editing>
                        <dxo-pager [showPageSizeSelector]="true" [allowedPageSizes]="[10, 20, 100]" [showInfo]="true">
                        </dxo-pager>
                        <dxi-column [allowEditing]="false" dataField="rowNumber" caption="ID" [width]="30">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="subArea" caption="区域" [width]="70">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="doTimeP" caption="实施日期" [width]="100">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="responsePersonA" caption="责任人" [width]="160">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="demandPerson" caption="需求人" [width]="160">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="tasks" caption="任务总数" [width]="80">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="totalHours" caption="总工时(H)" [width]="80">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="totalEle" caption="预测耗电量(KWH)" [width]="135">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="energyPro" caption="能耗占比(%)" [width]="95">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="excOr" caption="能耗是否超标" [width]="110">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" caption="查看计划" [width]="100" [allowSorting]="false"
                            cellTemplate="cellTemplate">
                        </dxi-column>
                        <div *dxTemplate="let data of 'cellTemplate'">
                            <button type="button" class="btn-group" (click)="getReportDataP(data.data)">
                                查看计划
                            </button>
                        </div>
                    </dx-data-grid>
                </div>
            </div>

        </div>

        <div class="col-md-12 ">
            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">计划实施</h3>
                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-info" data-toggle="modal" data-target="#excleImportModal"
                            title="数据导入">
                            <i class="fa fa-file-excel-o"></i>数据导入
                        </button>
                        <button type="button" (click)="openInsertDialog()" class="btn btn-primary" title="添加">
                            添加
                        </button>
                        <!-- <button type="button" (click)="saveChanges()" class="btn btn-info btn-sm" data-toggle="tooltip" title="保存">
                            <i class="fa fa-save"></i>
                        </button> -->
                        <button type="button" class="btn btn-info btn-sm" data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button>
                    </div>
                </div>
                <!-- /.box-header -->
                <div class="box-body">

                    <dx-data-grid [dataSource]="pscListUrl" on [showColumnLines]="true" [showRowLines]="true"
                        [showBorders]="true" [rowAlternationEnabled]="true">
                        <dxo-paging [pageSize]="10"></dxo-paging>
                        <dxo-pager [showPageSizeSelector]="true" [allowedPageSizes]="[10, 20, 100]" [showInfo]="true">
                        </dxo-pager>
                        <dxo-editing mode="cell" [allowUpdating]="true">
                        </dxo-editing>
                        <dxi-column [allowEditing]="false" dataField="rowNumber" caption="NO" [width]="40">
                        </dxi-column>
                        <!-- <dxi-column [allowEditing]="false" dataField="categoryP" caption="分类" [width]="80">
                            <dxo-lookup [dataSource]="categoryItems" displayExpr="categoryName" valueExpr="categoryId">
                            </dxo-lookup>
                        </dxi-column> -->
                        <dxi-column [allowEditing]="false" dataField="inputSourceP" caption="输入源" [width]="60">
                            <dxo-lookup [dataSource]="inputSourceItems" displayExpr="inputSourceName"
                                valueExpr="inputSourceId">
                            </dxo-lookup>
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="stationP" caption="工位" [width]="65">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="workContentP" caption="工作内容" [width]="360">
                        </dxi-column>
                        <!-- <dxi-column [allowEditing]="false" dataField="safetyP" caption="安全" [width]="50">
                            <dxo-lookup [dataSource]="safetyItems" displayExpr="safetyName" valueExpr="safetyId">
                            </dxo-lookup>
                        </dxi-column> -->
                        <!-- <dxi-column [allowEditing]="false" dataField="qualityP" caption="质量" [width]="50">
                            <dxo-lookup [dataSource]="qualityItems" displayExpr="qualityName" valueExpr="qualityId">
                            </dxo-lookup>
                        </dxi-column> -->
                        <!-- <dxi-column [allowEditing]="false" dataField="productP" caption="产量" [width]="50">
                            <dxo-lookup [dataSource]="productItems" displayExpr="productName" valueExpr="productId">
                            </dxo-lookup>
                        </dxi-column> -->
                        <dxi-column [allowEditing]="false" dataField="isDoP" caption="实施状态" [width]="80">
                            
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="executorP" caption="实施人" [width]="70">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="riskControlMeasuresA" caption="风险管控措施"
                            [width]="300">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="resultD" caption="实施结果描述" [width]="180">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="changePointD" caption="变化点" [width]="60">
                            <dxo-lookup [dataSource]="changePointItems" displayExpr="changePointName"
                                valueExpr="changePointId">
                            </dxo-lookup>
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="ppcrD" caption="PPCR" [width]="180">
                        </dxi-column>
                        <!-- <dxi-column [allowEditing]="false" dataField="doTimeP" caption="实施日期" [width]="160">
                        </dxi-column> -->
                        <!-- <dxi-column [allowEditing]="false" dataField="workTimeStartP" caption="开始时间" [width]="160">
                        </dxi-column> -->
                        <!-- <dxi-column [allowEditing]="false" dataField="workTimeEndP" caption="结束时间" [width]="160">
                        </dxi-column> -->
                        <!-- <dxi-column [allowEditing]="false" dataField="usedTimeP" caption="耗时(分钟)" [width]="90">
                        </dxi-column> -->
                        <!-- <dxi-column [allowEditing]="false" dataField="desiredEffectP" caption="预期效果" [width]="100">
                        </dxi-column> -->
                        <dxi-column [allowEditing]="false" caption="查看" [width]="60" [allowSorting]="false"
                            cellTemplate="cellTemplate">
                        </dxi-column>
                        <div *dxTemplate="let data of 'cellTemplate'">
                            <button type="button" class="btn-group" (click)="openDialog(data.data)">
                                详情
                            </button>
                        </div>
                    </dx-data-grid>
                </div>
            </div>
        </div>
        <!--甘特图 -->
        <div class="col-md-12 ">
            <div class="box box-default">
                <div class="box-body">
                    <!-- <p id="example"></p> -->
                    <div echarts [options]="chartGanttOpt" (chartInit)="onChartInit('Gantt',$event)" class="demo-chart"
                        style="height:450px; "></div>
                    <ul style="margin: 0 auto;text-align: center">
                        <li class="type-legend" [ngStyle]="{'background-color':type.color}" *ngFor="let type of types">
                            {{type.name}}</li>
                    </ul>
                </div>
            </div>
        </div>
        <div style=" width:100%; text-align:center">
            <HR style="border:8 double #1af106" width="100%" color=#1af106 SIZE=9>
        </div>
        <div class="col-md-12 ">
            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">查询区域</h3>
                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button>
                        <button type="button" class="btn btn-box-tool" data-widget="remove">
                            <i class="fa fa-remove"></i>
                        </button>
                    </div>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <table class="table">
                        <tr>
                            <td>
                                <div class="form-group">
                                    <label>区域</label>
                                    <dx-select-box #subArea
                                        style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                        [items]="subAreaItems" displayExpr="subArea" [(selectedItem)]="subAareSelected"
                                        (onValueChanged)="onSubAreaSelectedChange($event)" [value]="subAreaItems[0]"
                                        [searchEnabled]="true">
                                    </dx-select-box>
                                </div>
                            </td>
                            <td>
                                <div class="form-group">
                                    <label for="DateTimeRange">时间</label>
                                    <input type="text" class="form-control pull-right" id="DateTimeRange"
                                        placeholder="请选择日期" />
                                </div>
                            </td>
                            <td>
                                <div class="box-footer">
                                    <button type="button" class="btn btn-primary" (click)="getReportData()"> 查 询
                                    </button>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>

            </div>
        </div>

        <div class="col-md-12 ">
            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">统计数据展示</h3>
                    <div class="box-tools pull-right">
                        <!-- <button type="button" (click)="openInsertDialog()" class="btn btn-primary" title="添加">
                            添加
                        </button> -->
                        <!-- <button type="button" (click)="saveChanges()" class="btn btn-info btn-sm" data-toggle="tooltip" title="保存">
                            <i class="fa fa-save"></i>
                        </button> -->
                        <button type="button" class="btn btn-info btn-sm" data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button>
                    </div>
                </div>
                <!-- /.box-header -->
                <div class="box-body">

                    <dx-data-grid [dataSource]="scListUrl" on [showColumnLines]="true" [showRowLines]="true"
                        [showBorders]="true" [rowAlternationEnabled]="true" (onExporting)="onExporting($event)">
                        <dxo-paging [pageSize]="10"></dxo-paging>
                        <dxo-export [enabled]="true" fileName="全业务链统计数据" [allowExportSelectedData]="false"></dxo-export>
                        <dxo-pager [showPageSizeSelector]="true" [allowedPageSizes]="[10, 20, 100]" [showInfo]="true">
                        </dxo-pager>
                        <dxo-editing mode="cell" [allowUpdating]="true">
                        </dxo-editing>
                        <dxi-column [allowEditing]="false" dataField="rowNumber" caption="NO" [width]="40">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="categoryP" caption="分类" [width]="80">
                            <dxo-lookup [dataSource]="categoryItems" displayExpr="categoryName" valueExpr="categoryId">
                            </dxo-lookup>
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="inputSourceP" caption="输入源" [width]="60">
                            <dxo-lookup [dataSource]="inputSourceItems" displayExpr="inputSourceName"
                                valueExpr="inputSourceId">
                            </dxo-lookup>
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="stationP" caption="工位" [width]="80">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="workContentP" caption="工作内容" [width]="300">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="safetyP" caption="安全" [width]="60">
                            <dxo-lookup [dataSource]="safetyItems" displayExpr="safetyName" valueExpr="safetyId">
                            </dxo-lookup>
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="qualityP" caption="质量" [width]="60">
                            <dxo-lookup [dataSource]="qualityItems" displayExpr="qualityName" valueExpr="qualityId">
                            </dxo-lookup>
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="productP" caption="产量" [width]="60">
                            <dxo-lookup [dataSource]="productItems" displayExpr="productName" valueExpr="productId">
                            </dxo-lookup>
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="isDoP" caption="实施状态" [width]="80">
                            
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="doTimeP" caption="实施日期" [width]="100">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="workTimeStartP" caption="开始时间" [width]="100">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="workTimeEndP" caption="结束时间" [width]="100">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="usedTimeP" caption="耗时(分钟)" [width]="90">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="needP" caption="需求准备" [width]="0">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="executorP" caption="实施人" [width]="0">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="planeP" caption="风险控制应急计划" [width]="0">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="isDoP" caption="实施状态" [width]="0">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="resultD" caption="实施结果" [width]="0">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="actualTimeEndD" caption="实际结束时间" [width]="0">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="changePointD" caption="变化点" [width]="0">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="ppcrD" caption="PPCR" [width]="0">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="resultVerifierC" caption="设备功能性验证（各功能块）"
                            [width]="0">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="moC" caption="产品质量验证（MO）" [width]="0">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="ptqC" caption="产品质量验证（PTQ）" [width]="0">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="planAssessC" caption="进度评估" [width]="0">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="safetyA" caption="安全（A）" [width]="0">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="qualityA" caption="质量（A）" [width]="0">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="productA" caption="产量（A）" [width]="0">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="riskControlMeasuresA" caption="风险管控措施"
                            [width]="0">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="responsePersonA" caption="责任人" [width]="0">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="trackPersonA" caption="跟踪人" [width]="0">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="planedCompletionTimeA" caption="计划完成时间"
                            [width]="0">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="curStatusA" caption="目前状态" [width]="0">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="desiredEffectP" caption="预期效果">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" caption="查看" [width]="60" [allowSorting]="false"
                            cellTemplate="cellTemplate">
                        </dxi-column>
                        <div *dxTemplate="let data of 'cellTemplate'">
                            <button type="button" class="btn-group" (click)="openInsertDialogT(data.data)">
                                详情
                            </button>
                        </div>
                    </dx-data-grid>
                </div>
            </div>
        </div>
        <!--饼图 -->
        <div class="row">
            <div class="col-md-6 ">
                <div class="col-md-12 ">
                    <div class="box box-default">
                        <div class="box-header with-border">
                            <h3 class="box-title">全业务链生产线维护总体实施状态</h3>
                            <div class="box-tools pull-right">
                                <button type="button" class="btn btn-box-tool" data-widget="collapse">
                                    <i class="fa fa-minus"></i>
                                </button>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="col-md-12 chart tab-pane active" id="pie"
                                style="position: relative; height: 300px;">
                                <div echarts [options]="scChartOption" [loading]="showloading"
                                    (chartInit)="onChartInit('全业务链生产线维护总体实施状态',$event)" class="demo-chart"
                                    style="height:300px;"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 ">
                    <!-- 柱状图1 -->

                    <div class="box box-default">
                        <div class="box-header with-border">
                            <h3 class="box-title">全业务链生产线维护分类实施状态</h3>
                            <div class="box-tools pull-right">
                                <button type="button" class="btn btn-box-tool" data-widget="collapse">
                                    <i class="fa fa-minus"></i>
                                </button>
                            </div>
                        </div>

                        <div class="box-body">
                            <div echarts [options]="classifyChartOption"
                                (chartInit)="onChartInit('全业务链生产线维护分类实施状态',$event)" class="demo-chart"
                                style="height:300px;width:100%;"></div>
                        </div>

                    </div>
                </div>
            </div>

            <!-- 柱状图2 -->
            <div class="col-md-6 ">
                <div class="box box-default">
                    <div class="box-header with-border">
                        <h3 class="box-title">全业务链生产线维护各功能块实施状态</h3>
                        <div class="box-tools pull-right">
                            <button type="button" class="btn btn-info btn-sm" data-toggle="modal"
                                (click)="exportTemplate()" otitle="数据导出">
                                <i class="fa fa-file-excel-o"></i>
                            </button>
                            <button type="button" class="btn btn-box-tool" data-widget="collapse">
                                <i class="fa fa-minus"></i>
                            </button>
                        </div>
                    </div>

                    <div class="box-body">
                        <div echarts [options]="inputChartOption" (chartInit)="onChartInit('全业务链生产线维护各功能块实施状态',$event)"
                            class="demo-chart" style="height:680px;width:100%;"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12 ">
            <div class="box box-default">
                <div class="box-header with-border">
                    <h3 class="box-title">全业务链实施状态数据</h3>
                    <div class="box-tools pull-right">

                        <button type="button" class="btn btn-info btn-sm" data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button>
                    </div>
                </div>
                <!-- /.box-header -->
                <div class="box-body">

                    <table class="table">
                        <tr>
                            <th style="background-color:#6495ED">
                                状态
                            </th>
                            <th style="background-color:#6495ED">
                                次数
                            </th>
                            <th style="background-color:#6495ED">
                                百分比
                            </th>
                            <th style="background-color:#E6E6FA">
                                OM
                            </th>
                            <th style="background-color:#E6E6FA">
                                PM
                            </th>
                            <th style="background-color:#E6E6FA">
                                CM
                            </th>
                            <th style="background-color:#E6E6FA">
                                CIP
                            </th>
                            <th style="background-color:#ADD8E6">
                                生产
                            </th>
                            <th style="background-color:#ADD8E6">
                                维修
                            </th>
                            <th style="background-color:#ADD8E6">
                                刀具
                            </th>
                            <th style="background-color:#ADD8E6">
                                化学品
                            </th>
                            <th style="background-color:#ADD8E6">
                                PME
                            </th>
                            <th style="background-color:#ADD8E6">
                                PTQ
                            </th>
                            <th style="background-color:#ADD8E6">
                                SQE
                            </th>
                            <th style="background-color:#ADD8E6">
                                PC&L
                            </th>
                            <th style="background-color:#ADD8E6">
                                施工
                            </th>
                            <th style="background-color:#ADD8E6">
                                IT
                            </th>
                        </tr>
                        <tr *ngFor="let i of groupList">
                            <td style="background-color:#6495ED">
                                {{i.curStatusA}}
                            </td>
                            <td style="background-color:#6495ED">
                                {{i.curStatusATimes}}
                            </td>
                            <td style="background-color:#6495ED">
                                {{i.percent}}
                            </td>
                            <td style="background-color:#E6E6FA">
                                {{i.om}}
                            </td>
                            <td style="background-color:#E6E6FA">
                                {{i.cm}}
                            </td>
                            <td style="background-color:#E6E6FA">
                                {{i.pm}}
                            </td>
                            <td style="background-color:#E6E6FA">
                                {{i.cip}}
                            </td>
                            <td style="background-color:#ADD8E6">
                                {{i.sc}}
                            </td>
                            <td style="background-color:#ADD8E6">
                                {{i.wx}}
                            </td>
                            <td style="background-color:#ADD8E6">
                                {{i.dj}}
                            </td>
                            <td style="background-color:#ADD8E6">
                                {{i.hx}}
                            </td>
                            <td style="background-color:#ADD8E6">
                                {{i.pme}}
                            </td>
                            <td style="background-color:#ADD8E6">
                                {{i.ptq}}
                            </td>
                            <td style="background-color:#ADD8E6">
                                {{i.sqe}}
                            </td>
                            <td style="background-color:#ADD8E6">
                                {{i.pcl}}
                            </td>
                            <td style="background-color:#ADD8E6">
                                {{i.sg}}
                            </td>
                            <td style="background-color:#ADD8E6">
                                {{i.it}}
                            </td>
                        </tr>
                    </table>
                    <!-- <dx-data-grid [dataSource]="groupList" on [showColumnLines]="true" [showRowLines]="true"
                        [showBorders]="true" [rowAlternationEnabled]="true">
                        <dxo-paging [pageSize]="10"></dxo-paging>
                        <dxo-pager [showPageSizeSelector]="true" [allowedPageSizes]="[10, 20, 100]" [showInfo]="true">
                        </dxo-pager>
                        <dxo-editing mode="cell" [allowUpdating]="true">
                        </dxo-editing>
                       
                        <dxi-column [allowEditing]="false" dataField="curStatusA" caption="状态" [width]="120">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="curStatusATimes" caption="次数">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="percent" caption="百分比">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="om" caption="OM">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="pm" caption="PM">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="cm" caption="CM">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="cip" caption="CIP">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="sc" caption="生产">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="wx" caption="维修">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="dj" caption="刀具">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="hx" caption="化学品">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="pme" caption="PME">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="ptq" caption="PTQ">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="sqe" caption="SQE">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="pcl" caption="PC&L">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="sg" caption="施工">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="it" caption="IT">
                        </dxi-column>
                    </dx-data-grid> -->
                </div>
            </div>
        </div>
    </div>
    <!-- /.dialog -->
    <div class="modal fade" id="filterModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">二级菜单</h4>
                </div>
                <div class="modal-body">
                    <ul class="nav nav-tabs pull-right">
                        <li class="active">
                            <a href="#plan" data-toggle="tab">计划准备</a>
                        </li>
                        <li>
                            <a href="#P" data-toggle="tab">P阶段</a>
                        </li>
                        <li>
                            <a href="#attribute" data-toggle="tab">D阶段</a>
                        </li>
                        <li>
                            <a href="#parameter" data-toggle="tab">C阶段</a>
                        </li>
                        <li>
                            <a href="#cost" data-toggle="tab">A阶段</a>
                        </li>
                    </ul>
                    <div class="tab-content no-padding">
                        <div class="chart tab-pane active" id="plan" style="position: relative; ">
                            <table class="table">
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolOrdinalNumber">分类</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="categoryItems" displayExpr="categoryName"
                                                [(selectedItem)]="categorySelected" [value]="categorySelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">输入源</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="inputSourceItems" displayExpr="inputSourceName"
                                                [(selectedItem)]="inputSourceSelected" [value]="inputSourceSelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">工位</label>
                                            <dx-select-box
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="equipmentItems" displayExpr="equipment"
                                                [(selectedItem)]="equipmentSelected" [value]="equipmentSelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">工作内容</label>
                                            <input [(ngModel)]="dialogGrid.workContentP" type="text"
                                                class="form-control" id="toolName">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="needP">需求准备</label>
                                            <input [(ngModel)]="dialogGrid.needP" type="text" class="form-control"
                                                id="needP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="executorP">实施人</label>
                                            <input [(ngModel)]="dialogGrid.executorP" type="text" class="form-control"
                                                id="executorP">
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="chart tab-pane " id="P" style="position: relative; ">
                            <table class="table">
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolOrdinalNumber">安全</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="safetyItems" displayExpr="safetyName"
                                                [(selectedItem)]="safetySelected" [value]="safetySelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">质量</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="qualityItems" displayExpr="qualityName"
                                                [(selectedItem)]="qualitySelected" [value]="qualitySelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">产量</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="productItems" displayExpr="productName"
                                                [(selectedItem)]="productSelected" [value]="productSelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolOrdinalNumber">风险控制应急计划</label>
                                            <input [(ngModel)]="dialogGrid.planeP" type="text" class="form-control"
                                                id="planeP">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">实施日期</label>
                                            <input [(ngModel)]="dialogGrid.doTimeP" type="text" readonly="readonly"
                                                class="form-control" id="doTimeP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">开始时间</label>
                                            <!-- <input type="text" id="dateTimeRangeS " onclick="WdatePicker({skin:'whyGreen',dateFmt:'H:mm:ss'})" class="Wdate" [(ngModel)]="dialogGrid.workTimeStartP"
                                                name="startTimeRange" /> -->
                                            <input id="dateTimeRangeS" type="text" class="form-control"
                                                [(ngModel)]="dialogGrid.workTimeStartP" name="startTimeRange">

                                            <!-- <input [(ngModel)]="dialogGrid.workTimeStartP" type="text" class="form-control" id="workTimeStartP"> -->
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">结束时间</label>
                                            <input id="dateTimeRangeP" type="text" class="form-control"
                                                [(ngModel)]="dialogGrid.workTimeEndP" name="startTimeRange">
                                            <!-- <input [(ngModel)]="dialogGrid.workTimeEndP" type="text" class="form-control" id="workTimeEndP"> -->
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolOrdinalNumber">耗时(分钟)</label>
                                            <input [(ngModel)]="dialogGrid.usedTimeP" readonly="readonly" type="text"
                                                class="form-control" id="usedTimeP">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">预期效果</label>
                                            <input [(ngModel)]="dialogGrid.desiredEffectP" type="text"
                                                class="form-control" id="desiredEffectP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">用电时间（分钟）</label>
                                            <input [(ngModel)]="dialogGrid.eleTimeP" type="text" class="form-control"
                                                id="eleTimeP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">用电量（KWH）</label>
                                            <input [(ngModel)]="dialogGrid.eleQuantityP" type="text" readonly="readonly"
                                                class="form-control" id="eleQuantityP">
                                        </div>
                                    </td>

                                </tr>
                            </table>
                        </div>
                        <div class="chart tab-pane" id="attribute" style="position: relative; ">
                            <table class="table">
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">实施状态</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="isDoItems" displayExpr="isDoName"
                                                [(selectedItem)]="isDoSelected" [value]="isDoSelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolOrdinalNumber">实施结果</label>
                                            <input [(ngModel)]="dialogGrid.resultD" type="text" class="form-control"
                                                id="toolOrdinalNumber">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">实际结束时间</label>
                                            <input id="dateTimeRangeEndActual" type="text" class="form-control"
                                                [(ngModel)]="dialogGrid.actualTimeEndD" name="endActualTimeRange">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">变化点</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="changePointItems" displayExpr="changePointName"
                                                [(selectedItem)]="changePointSelected" [value]="changePointSelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>

                                </tr>
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">PPCR</label>
                                            <input [(ngModel)]="dialogGrid.ppcrD" type="text" class="form-control"
                                                id="toolName">
                                        </div>
                                    </td>

                                </tr>
                            </table>
                        </div>
                        <div class="chart tab-pane " id="parameter" style="position: relative; ">
                            <table class="table">
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="changePrice">设备功能性验证（各功能块）</label>
                                            <input [(ngModel)]="dialogGrid.resultVerifierC" type="text"
                                                class="form-control" id="changePrice">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="dia">产品质量验证（MO）</label>
                                            <input [(ngModel)]="dialogGrid.moC" type="text" class="form-control"
                                                id="dia">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="rpm">产品质量验证(PTQ)</label>
                                            <input [(ngModel)]="dialogGrid.ptqC" type="text" class="form-control"
                                                id="rpm">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolOrdinalNumber">进度评估(分钟)</label>
                                            <input [(ngModel)]="dialogGrid.planAssessC" readonly="readonly" type="text"
                                                class="form-control" id="planAssessC">
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="chart tab-pane" id="cost" style="position: relative; ">
                            <table class="table">
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="newToolPrices">安全</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="safetyAItems" displayExpr="safetyAName"
                                                [(selectedItem)]="safetyASelected" [value]="safetyASelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="changePrice">质量</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="qualityAItems" displayExpr="qualityAName"
                                                [(selectedItem)]="qualityASelected" [value]="qualityASelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="grindingPrice">产量</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="productAItems" displayExpr="productAName"
                                                [(selectedItem)]="productASelected" [value]="productASelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="optimizationSupplier">风险管控措施</label>
                                            <input [(ngModel)]="dialogGrid.riskControlMeasuresA" type="text"
                                                class="form-control" id="optimizationSupplier">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="optimizePrice">工作内容</label>
                                            <input [(ngModel)]="dialogGrid.workContentA" type="text"
                                                class="form-control" id="optimizePrice">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="changeOrSharpenTheSupplier">责任人</label>
                                            <input [(ngModel)]="dialogGrid.responsePersonA" type="text"
                                                class="form-control" id="responsePersonA">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="changeOrSharpenTheSupplier">跟踪人</label>
                                            <input [(ngModel)]="dialogGrid.trackPersonA" type="text"
                                                class="form-control" id="trackPersonA">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="optimizeTheExchangePrice">计划完成时间</label>
                                            <input [(ngModel)]="dialogGrid.planedCompletionTimeA" type="text"
                                                class="form-control" id="planedCompletionTimeA">
                                            <!-- <input id="dateTimeRangePlan" type="text" class="form-control" [(ngModel)]="timeRange" name="planedCompletionTimeA" placeholder="请输入时间"> -->
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="optimizeTheGrindingPrice">目前状态</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="curStatusItems" displayExpr="curStatusName"
                                                [(selectedItem)]="curStatusSelected" [value]="curStatusSelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>

                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" (click)="saveChanges()">保存</button>
                    <!-- <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button> -->
                    <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.添加数据dialog -->
    <div class="modal fade" id="InsertModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">添加新计划</h4>
                </div>
                <div class="modal-body">
                    <ul class="nav nav-tabs pull-right">
                        <li class="active">
                            <a href="#planInsert" data-toggle="tab">计划准备</a>
                        </li>
                        <li>
                            <a href="#PInsert" data-toggle="tab">P阶段</a>
                        </li>
                        <li>
                            <a href="#attributeInsert" data-toggle="tab">D阶段</a>
                        </li>
                        <li>
                            <a href="#parameterInsert" data-toggle="tab">C阶段</a>
                        </li>
                        <li>
                            <a href="#costInsert" data-toggle="tab">A阶段</a>
                        </li>
                    </ul>
                    <div class="tab-content no-padding">
                        <div class="chart tab-pane active" id="planInsert" style="position: relative; ">
                            <table class="table">
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolOrdinalNumber">分类</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="categoryItems" displayExpr="categoryName"
                                                [(selectedItem)]="categorySelected" [value]="categorySelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">输入源</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="inputSourceItems" displayExpr="inputSourceName"
                                                [(selectedItem)]="inputSourceSelected" [value]="inputSourceSelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">工位</label>
                                            <dx-select-box
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="equipmentItems" displayExpr="equipment"
                                                [(selectedItem)]="equipmentSelected" [value]="equipmentSelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">工作内容</label>
                                            <input [(ngModel)]="dialogInsert.workContentP" type="text"
                                                class="form-control" id="toolName">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="needP">需求准备</label>
                                            <input [(ngModel)]="dialogInsert.needP" type="text" class="form-control"
                                                id="needP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="executorP">实施人</label>
                                            <input [(ngModel)]="dialogInsert.executorP" type="text" class="form-control"
                                                id="executorP">
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="chart tab-pane " id="PInsert" style="position: relative; ">
                            <table class="table">
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolOrdinalNumber">安全</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="safetyItems" displayExpr="safetyName"
                                                [(selectedItem)]="safetySelected" [value]="safetySelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">质量</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="qualityItems" displayExpr="qualityName"
                                                [(selectedItem)]="qualitySelected" [value]="qualitySelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">产量</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="productItems" displayExpr="productName"
                                                [(selectedItem)]="productSelected" [value]="productSelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolOrdinalNumber">风险控制应急计划</label>
                                            <input [(ngModel)]="dialogInsert.planeP" type="text" class="form-control"
                                                id="planeP">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">实施日期</label>
                                            <input [(ngModel)]="dialogGrid.doTimeP" type="text" readonly="readonly"
                                                class="form-control" id="doTimeP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">开始时间</label>
                                            <input id="dateTimeRangeStartInsert" type="text" class="form-control"
                                                [(ngModel)]="dialogInsert.workTimeStartP" name="startTimeRange">
                                            <!-- <input [(ngModel)]="dialogGrid.workTimeStartP" type="text" class="form-control" id="workTimeStartP"> -->
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">结束时间</label>
                                            <input id="dateTimeRangeEndInsert" type="text" class="form-control"
                                                [(ngModel)]="dialogInsert.workTimeEndP" name="startTimeRange">
                                            <!-- <input [(ngModel)]="dialogGrid.workTimeEndP" type="text" class="form-control" id="workTimeEndP"> -->
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolOrdinalNumber">耗时(分钟)</label>
                                            <input [(ngModel)]="dialogInsert.usedTimeP" readonly="readonly" type="text"
                                                class="form-control" id="usedTimeP">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">预期效果</label>
                                            <input [(ngModel)]="dialogInsert.desiredEffectP" type="text"
                                                class="form-control" id="desiredEffectP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">用电时间（分钟）</label>
                                            <input [(ngModel)]="dialogInsert.eleTimeP" type="text" class="form-control"
                                                id="eleTimeP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">用电量（KWH）</label>
                                            <input [(ngModel)]="dialogInsert.eleQuantityP" type="text" readonly="readonly"
                                                class="form-control" id="eleQuantityP">
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="chart tab-pane" id="attributeInsert" style="position: relative; ">
                            <table class="table">
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">实施状态</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="isDoItems" displayExpr="isDoName"
                                                [(selectedItem)]="isDoSelected" [value]="isDoSelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolOrdinalNumber">实施结果</label>
                                            <input [(ngModel)]="dialogInsert.resultD" type="text" class="form-control"
                                                id="toolOrdinalNumber">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">实际结束时间</label>
                                            <input id="dateTimeRangeEndActualInsert" type="text" class="form-control"
                                                [(ngModel)]="dialogInsert.actualTimeEndD"
                                                name="dateTimeRangeEndActualInsert">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">变化点</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="changePointItems" displayExpr="changePointName"
                                                [(selectedItem)]="changePointSelected" [value]="changePointSelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>

                                </tr>
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">PPCR</label>
                                            <input [(ngModel)]="dialogInsert.ppcrD" type="text" class="form-control"
                                                id="toolName">
                                        </div>
                                    </td>

                                </tr>
                            </table>
                        </div>
                        <div class="chart tab-pane " id="parameterInsert" style="position: relative; ">
                            <table class="table">
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="changePrice">设备功能性验证（各功能块）</label>
                                            <input [(ngModel)]="dialogInsert.resultVerifierC" type="text"
                                                class="form-control" id="changePrice">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="dia">产品质量验证（MO）</label>
                                            <input [(ngModel)]="dialogInsert.moC" type="text" class="form-control"
                                                id="dia">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="rpm">产品质量验证(PTQ)</label>
                                            <input [(ngModel)]="dialogInsert.ptqC" type="text" class="form-control"
                                                id="rpm">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="planAssessC">进度评估(分钟)</label>
                                            <input [(ngModel)]="dialogInsert.planAssessC" readonly="readonly" type="text"
                                                class="form-control" id="planAssessC">
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="chart tab-pane" id="costInsert" style="position: relative; ">
                            <table class="table">
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="newToolPrices">安全</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="safetyAItems" displayExpr="safetyAName"
                                                [(selectedItem)]="safetyASelected" [value]="safetyASelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="changePrice">质量</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="qualityAItems" displayExpr="qualityAName"
                                                [(selectedItem)]="qualityASelected" [value]="qualityASelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="grindingPrice">产量</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="productAItems" displayExpr="productAName"
                                                [(selectedItem)]="productASelected" [value]="productASelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="optimizationSupplier">风险管控措施</label>
                                            <input [(ngModel)]="dialogInsert.riskControlMeasuresA" type="text"
                                                class="form-control" id="optimizationSupplier">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="optimizePrice">工作内容</label>
                                            <input [(ngModel)]="dialogInsert.workContentA" type="text"
                                                class="form-control" id="optimizePrice">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="changeOrSharpenTheSupplier">责任人</label>
                                            <input [(ngModel)]="dialogInsert.responsePersonA" type="text"
                                                class="form-control" id="responsePersonA">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="changeOrSharpenTheSupplier">跟踪人</label>
                                            <input [(ngModel)]="dialogInsert.trackPersonA" type="text"
                                                class="form-control" id="trackPersonA">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="optimizeTheExchangePrice">计划完成时间</label>
                                            <!-- <input id="dateTimeRangePlanInsert" type="text" class="form-control" [(ngModel)]="timeRange" name="planedCompletionTimeAInsert" placeholder="请输入时间"> -->
                                            <input [(ngModel)]="dialogInsert.planedCompletionTimeAInsert" type="text"
                                                class="form-control" id="planedCompletionTimeAInsert">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="optimizeTheGrindingPrice">目前状态</label>
                                            <dx-select-box #shift
                                                style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px"
                                                [items]="curStatusItems" displayExpr="curStatusName"
                                                [(selectedItem)]="curStatusSelected" [value]="curStatusSelected"
                                                [searchEnabled]="true">
                                            </dx-select-box>

                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" (click)="addData()">保存</button>
                    <!-- <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button> -->
                    <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
                </div>
            </div>
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">添加未完成计划</h4>
                    <!-- <button type="button" class="btn btn-primary" (click)="getReportDataPW()" style="float:right; margin-top:-30px">
                            查看
                        </button> -->
                </div>
                <div class="modal-body">
                    <dx-data-grid [dataSource]="pwscListUrl" on [showColumnLines]="true" (onRowUpdated)="update($event)"
                        [showRowLines]="true" [showBorders]="true" [rowAlternationEnabled]="true">
                        <dxo-paging [pageSize]="5"></dxo-paging>
                        <dxo-pager [showPageSizeSelector]="true" [allowedPageSizes]="[10, 20, 100]" [showInfo]="true">
                        </dxo-pager>
                        <dxo-editing mode="cell" [allowUpdating]="true">
                        </dxo-editing>
                        <dxi-column [allowEditing]="false" dataField="rowNumber" caption="NO" [width]="40">
                        </dxi-column>
                        <!-- <dxi-column [allowEditing]="false" dataField="categoryP" caption="分类" [width]="80">
                            <dxo-lookup [dataSource]="categoryItems" displayExpr="categoryName" valueExpr="categoryId">
                            </dxo-lookup>
                        </dxi-column> -->
                        <dxi-column [allowEditing]="false" dataField="inputSourceP" caption="输入源" [width]="60">
                            <dxo-lookup [dataSource]="inputSourceItems" displayExpr="inputSourceName"
                                valueExpr="inputSourceId">
                            </dxo-lookup>
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="stationP" caption="工位" [width]="65">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="workContentP" caption="工作内容" [width]="220">
                        </dxi-column>
                        <!-- <dxi-column [allowEditing]="false" dataField="safetyP" caption="安全" [width]="50">
                            <dxo-lookup [dataSource]="safetyItems" displayExpr="safetyName" valueExpr="safetyId">
                            </dxo-lookup>
                        </dxi-column> -->
                        <!-- <dxi-column [allowEditing]="false" dataField="qualityP" caption="质量" [width]="50">
                            <dxo-lookup [dataSource]="qualityItems" displayExpr="qualityName" valueExpr="qualityId">
                            </dxo-lookup>
                        </dxi-column> -->
                        <!-- <dxi-column [allowEditing]="false" dataField="productP" caption="产量" [width]="50">
                            <dxo-lookup [dataSource]="productItems" displayExpr="productName" valueExpr="productId">
                            </dxo-lookup>
                        </dxi-column> -->
                        <!-- <dxi-column [allowEditing]="true" dataField="isDoP" caption="实施状态" [width]="80">
                            <dxo-lookup [dataSource]="isDoItems" displayExpr="isDoName" valueExpr="isDoId">
                            </dxo-lookup>
                        </dxi-column> -->
                        <!-- <dxi-column [allowEditing]="true" dataField="executorP" caption="实施人" [width]="70">
                        </dxi-column> -->
                        <!-- <dxi-column [allowEditing]="true" dataField="riskControlMeasuresA" caption="风险管控措施"
                            [width]="300">
                        </dxi-column> -->
                        <!-- <dxi-column [allowEditing]="true" dataField="resultD" caption="实施结果描述" [width]="180">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="isDoP" caption="变化点" [width]="60">
                            <dxo-lookup [dataSource]="changePointItems" displayExpr="changePointName" valueExpr="changePointId">
                            </dxo-lookup>
                        </dxi-column> -->
                        <!-- <dxi-column [allowEditing]="false" dataField="ppcrD" caption="PPCR" [width]="180">
                        </dxi-column> -->
                        <dxi-column [allowEditing]="false" dataField="doTimeP" caption="实施日期" [width]="120">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="workTimeStartP" caption="开始时间" [width]="120">
                        </dxi-column>
                        <dxi-column [allowEditing]="false" dataField="workTimeEndP" caption="结束时间" [width]="120">
                        </dxi-column>
                        <!-- <dxi-column [allowEditing]="false" dataField="usedTimeP" caption="耗时(分钟)" [width]="90">
                        </dxi-column> -->
                        <!-- <dxi-column [allowEditing]="false" dataField="desiredEffectP" caption="预期效果" [width]="100">
                        </dxi-column> -->
                        <dxi-column [allowEditing]="false" caption="查看" [width]="120" [allowSorting]="false"
                            cellTemplate="cellTemplate">
                        </dxi-column>
                        <div *dxTemplate="let data of 'cellTemplate'">
                            <button type="button" class="btn-group" (click)="saveChangesW(data.data)">
                                加入
                            </button>
                            <button type="button" class="btn-group" (click)="openCacelDialog(data.data)">
                                取消
                            </button>
                        </div>
                    </dx-data-grid>
                </div>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.统计数据dialog -->
    <div class="modal fade" id="filterModalT" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">二级菜单</h4>
                </div>
                <div class="modal-body">
                    <ul class="nav nav-tabs pull-right">
                        <li class="active">
                            <a href="#planT" data-toggle="tab">计划准备</a>
                        </li>
                        <li>
                            <a href="#PT" data-toggle="tab">P阶段</a>
                        </li>
                        <li>
                            <a href="#attributeT" data-toggle="tab">D阶段</a>
                        </li>
                        <li>
                            <a href="#parameterT" data-toggle="tab">C阶段</a>
                        </li>
                        <li>
                            <a href="#costT" data-toggle="tab">A阶段</a>
                        </li>
                    </ul>
                    <div class="tab-content no-padding">
                        <div class="chart tab-pane active" id="planT" style="position: relative; ">
                            <table class="table">
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolOrdinalNumber">分类</label>
                                            <!-- <dx-select-box #shift style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px" [items]="categoryItems" displayExpr="categoryName"
                                                [(selectedItem)]="categorySelected" [value]="categorySelected" [searchEnabled]="true">
                                            </dx-select-box> -->
                                            <input [(ngModel)]="dialogGrid.categoryP" type="text" readonly="readonly"
                                                class="form-control" id="categoryP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">输入源</label>
                                            <!-- <dx-select-box #shift style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px" [items]="inputSourceItems" displayExpr="inputSourceName"
                                                [(selectedItem)]="inputSourceSelected" [value]="inputSourceSelected" [searchEnabled]="true">
                                            </dx-select-box> -->
                                            <input [(ngModel)]="dialogGrid.inputSourceP" type="text" readonly="readonly"
                                                class="form-control" id="inputSourceP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">工位</label>
                                            <!-- <dx-select-box style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px" [items]="equipmentItems" displayExpr="equipment"
                                                [(selectedItem)]="equipmentSelected" [value]="equipmentSelected" [searchEnabled]="true">
                                            </dx-select-box> -->
                                            <input [(ngModel)]="dialogGrid.stationP" type="text" readonly="readonly"
                                                class="form-control" id="stationP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">工作内容</label>
                                            <input [(ngModel)]="dialogGrid.workContentP" type="text" readonly="readonly"
                                                class="form-control" id="toolName">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="needP">需求准备</label>
                                            <input [(ngModel)]="dialogGrid.needP" type="text" readonly="readonly"
                                                class="form-control" id="needP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="executorP">实施人</label>
                                            <input [(ngModel)]="dialogGrid.executorP" type="text" readonly="readonly"
                                                class="form-control" id="executorP">
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="chart tab-pane " id="PT" style="position: relative; ">
                            <table class="table">
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolOrdinalNumber">安全</label>
                                            <input [(ngModel)]="dialogGrid.safetyP" type="text" readonly="readonly"
                                                class="form-control" id="safetyP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">质量</label>
                                            <input [(ngModel)]="dialogGrid.qualityP" type="text" readonly="readonly"
                                                class="form-control" id="qualityP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">产量</label>
                                            <input [(ngModel)]="dialogGrid.productP" type="text" readonly="readonly"
                                                class="form-control" id="productP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolOrdinalNumber">风险控制应急计划</label>
                                            <input [(ngModel)]="dialogGrid.planeP" type="text" readonly="readonly"
                                                class="form-control" id="planeP">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">实施日期</label>
                                            <input [(ngModel)]="dialogGrid.doTimeP" type="text" readonly="readonly"
                                                class="form-control" id="doTimeP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">开始时间</label>
                                            <input [(ngModel)]="dialogGrid.workTimeStartP" type="text"
                                                readonly="readonly" class="form-control" id="workTimeStartP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">结束时间</label>
                                            <input [(ngModel)]="dialogGrid.workTimeEndP" type="text" readonly="readonly"
                                                class="form-control" id="workTimeEndP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolOrdinalNumber">耗时(分钟)</label>
                                            <input [(ngModel)]="dialogGrid.usedTimeP" readonly="readonly" type="text"
                                                class="form-control" id="usedTimeP">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">预期效果</label>
                                            <input [(ngModel)]="dialogGrid.desiredEffectP" type="text"
                                                readonly="readonly" class="form-control" id="desiredEffectP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">用电时间（分钟）</label>
                                            <input [(ngModel)]="dialogGrid.eleTimeP" type="text" readonly="readonly"
                                                class="form-control" id="eleTimeP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">用电量（KWH）</label>
                                            <input [(ngModel)]="dialogGrid.eleQuantityP" type="text" readonly="readonly"
                                                class="form-control" id="eleQuantityP">
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="chart tab-pane" id="attributeT" style="position: relative; ">
                            <table class="table">
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">实施状态</label>
                                            <input [(ngModel)]="dialogGrid.isDoP" type="text" readonly="readonly"
                                                class="form-control" id="isDoP">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolOrdinalNumber">实施结果</label>
                                            <input [(ngModel)]="dialogGrid.resultD" type="text" readonly="readonly"
                                                class="form-control" id="toolOrdinalNumber">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">实际结束时间</label>
                                            <input [(ngModel)]="dialogGrid.actualTimeEndD" type="text"
                                                readonly="readonly" class="form-control" id="actualTimeEndD">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="toolId">变化点</label>
                                            <input [(ngModel)]="dialogGrid.changePointD" type="text" readonly="readonly"
                                                class="form-control" id="changePointD">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="id">PPCR</label>
                                            <input [(ngModel)]="dialogGrid.ppcrD" type="text" readonly="readonly"
                                                class="form-control" id="toolName">
                                        </div>
                                    </td>

                                </tr>
                            </table>
                        </div>
                        <div class="chart tab-pane " id="parameterT" style="position: relative; ">
                            <table class="table">
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="changePrice">设备功能性验证（各功能块）</label>
                                            <input [(ngModel)]="dialogGrid.resultVerifierC" type="text"
                                                readonly="readonly" class="form-control" id="changePrice">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="dia">产品质量验证（MO）</label>
                                            <input [(ngModel)]="dialogGrid.moC" type="text" readonly="readonly"
                                                class="form-control" id="dia">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="rpm">产品质量验证(PTQ)</label>
                                            <input [(ngModel)]="dialogGrid.ptqC" type="text" readonly="readonly"
                                                class="form-control" id="rpm">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="planAssessC">进度评估(分钟)</label>
                                            <input [(ngModel)]="dialogGrid.planAssessC" readonly="readonly" type="text"
                                                class="form-control" id="planAssessC">
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="chart tab-pane" id="costT" style="position: relative; ">
                            <table class="table">
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="newToolPrices">安全</label>
                                            <!-- <dx-select-box #shift style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px" [items]="safetyAItems" displayExpr="safetyAName"
                                                [(selectedItem)]="safetyASelected" [value]="safetyASelected" [searchEnabled]="true">
                                            </dx-select-box> -->
                                            <input [(ngModel)]="dialogGrid.safetyA" readonly="readonly" type="text"
                                                class="form-control" id="safetyA">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="changePrice">质量</label>
                                            <!-- <dx-select-box #shift style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px" [items]="qualityAItems" displayExpr="qualityAName"
                                                [(selectedItem)]="qualityASelected" [value]="qualityASelected" [searchEnabled]="true">
                                            </dx-select-box> -->
                                            <input [(ngModel)]="dialogGrid.qualityA" readonly="readonly" type="text"
                                                class="form-control" id="qualityA">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="grindingPrice">产量</label>
                                            <!-- <dx-select-box #shift style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px" [items]="productAItems" displayExpr="productAName"
                                                [(selectedItem)]="productASelected" [value]="productASelected" [searchEnabled]="true">
                                            </dx-select-box> -->
                                            <input [(ngModel)]="dialogGrid.productA" readonly="readonly" type="text"
                                                class="form-control" id="productA">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="optimizationSupplier">风险管控措施</label>
                                            <input [(ngModel)]="dialogGrid.riskControlMeasuresA" type="text"
                                                readonly="readonly" class="form-control" id="optimizationSupplier">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="optimizePrice">工作内容</label>
                                            <input [(ngModel)]="dialogGrid.workContentA" type="text" readonly="readonly"
                                                class="form-control" id="optimizePrice">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="changeOrSharpenTheSupplier">责任人</label>
                                            <input [(ngModel)]="dialogGrid.responsePersonA" type="text"
                                                readonly="readonly" class="form-control" id="responsePersonA">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="changeOrSharpenTheSupplier">跟踪人</label>
                                            <input [(ngModel)]="dialogGrid.trackPersonA" type="text" readonly="readonly"
                                                class="form-control" id="trackPersonA">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="form-group">
                                            <label for="optimizeTheExchangePrice">计划完成时间</label>
                                            <input [(ngModel)]="dialogGrid.planedCompletionTimeA" type="text"
                                                readonly="readonly" class="form-control" id="planedCompletionTimeA">
                                        </div>
                                    </td>
                                    <td>
                                        <div class="form-group">
                                            <label for="optimizeTheGrindingPrice">目前状态</label>
                                            <!-- <dx-select-box #shift style="width:100%;height:35px;margin-bottom:10px;border-radius: 0px" [items]="curStatusItems" displayExpr="curStatusName"
                                                [(selectedItem)]="curStatusSelected" [value]="curStatusSelected" [searchEnabled]="true">
                                            </dx-select-box> -->
                                            <input [(ngModel)]="dialogGrid.curStatusA" type="text" readonly="readonly"
                                                class="form-control" id="curStatusA">
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <!-- <button type="button" class="btn btn-primary" (click)="addData()">保存</button> -->
                    <!-- <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button> -->
                    <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>

    <!--/.excel导入-->
    <div class="modal fade" id="excleImportModal" tabindex="-1" role="dialog" aria-labelledby="myLabel">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myLabel">全业务链详细计划导入 - {{subAareSelected.subArea}}</h4>
                </div>
                <div class="modal-body">
                    <div class="blue clearfix">
                        <input style="width: 100%;" type="file" ng2FileSelect [uploader]="uploader" />
                        <a style="cursor: pointer;" class="pull-right" (click)="downloadTemplate()">下载模板</a>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" (click)="importExcel()"
                        data-dismiss="modal">导入</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>


<!-- /.邮件dialog -->
<div class="modal fade" id="CacelModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
    <div class="modal-dialog modal-lg">
        <div class="modal-content"style="width: 500px;margin: 0 auto;">
            <div class="modal-header">

                <h4 class="modal-title" id="myModalLabel">是否取消</h4>
            </div>
            <div class="modal-body">
                <table class="table">
                        <tr>
                                <td>
                                  <strong>取消任务时，请选择H/G管理人员，系统将自动发送邮件</strong>
                                </td>
                            </tr>
                    <tr>
                        <td>
                            <div class="form-group" style="padding:20px">
                                <button type="button" class="btn btn-sm" (click)="addUser(1)" title="添加">
                                    通知人员:{{userStr(1)}}
                                </button>
                            </div>
                        </td>
                    </tr>
                </table>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" (click)=" cancelPlan(cacelModel)">是</button>
                <!-- <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button> -->
                <button type="button" class="btn btn-primary" data-dismiss="modal">否</button>
            </div>
        </div>
    </div>
    <!-- /.modal-content -->
</div>
<!--dialog end-->

</section>
<div class="modal" id="userModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">{{modalTitle}}</h4>
            </div>
            <div class="modal-body">
                <div class="modal-body">
                    <input [(ngModel)]="searchUserStr" style="width:100%;" (ngModelChange)="searchUser()">
                    <ul class="user-list">
                        <li *ngFor="let user of userList">
                            <input type="checkbox" [checked]="userIsSelected(user)" (click)="addEmailUser(user)">
                            <span class="user-name-box">{{user.name}}</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default pull-right" data-dismiss="modal">关闭</button>
            </div>
        </div>

    </div>
</div>